<!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo('charset') ?>" />
        <title>
            <?php
            /*
             * Print the <title> tag based on what is being viewed.
             */
            global $page, $paged;

            wp_title('|', true, 'right');

            // Add the blog name.
            bloginfo('name');

            // Add the blog description for the home/front page.
            $site_description = get_bloginfo('description', 'display');
            if ($site_description && ( is_home() || is_front_page() ))
                echo " | $site_description";

            // Add a page number if necessary:
            if ($paged >= 2 || $page >= 2)
                echo ' | ' . sprintf(__('Page %s', 'twentyten'), max($paged, $page));
            ?>
        </title>
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
        <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/960.css" />
        <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/reset.css" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />

        <?php
        //call jquery
        wp_enqueue_script('jquery');
        ?>

        <!--<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.7.2.min.js"></script>-->
        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/main.js"></script>
        <?php
        if (is_singular() && get_option('thread_comments'))
            wp_enqueue_script('comment-reply');

        /* Always have wp_head() just before the closing </head>
         * tag of your theme, or you will break many plugins, which
         * generally use this hook to add elements to <head> such
         * as styles, scripts, and meta tags.
         */
        wp_head();
        ?>
    </head>
    <body >
        <!-- header top -->
        <div class="header_top">
            <div class="container_12">
                <div class="grid_12">
                    <div class="grid_6 push_6">
                        <?php wp_nav_menu( array( 'theme_location' => 'top-menu' ) ); ?>                        
                    </div>
                </div>
                <div class="grid_12">

                    <div class="grid_6">
                        <?php // echo bloginfo('template_url'); ?>
                        <img src="<?php echo bloginfo('template_url'); ?>/img/logo_top.png" />
                    </div>
                </div>        
            </div>
        </div>       




        <!-- end of  header top-->
        <!--  Menu top-->
        <div class="header_menu">
            <div class="container_12">
                <div class="grid_9">
                    <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
                </div>
                <div class="grid_3"><!-- tim kiem -->

                </div>
            </div>
        </div>
        <!-- End menu top-->


        <!-- Div slide-->
        <div class="silde">
            <div class="container_12">
                <!--                <div class="grid_8">-->
                <div class="wrap_main_slide">
                    <ul>
                        <div class="slide_move_top">
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide.png" />
                            </li>
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide1.png" />
                            </li>
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide2.png" />
                            </li>
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide3.png" />
                            </li>
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide4.png" />
                            </li>
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide5.png" />
                            </li>
                            <li class="slide_top_item">
                                <img src="<?php echo bloginfo('template_url'); ?>/img/slide6.png" />
                            </li>
                        </div>
		</ul>
                </div>
                <script  type="text/javascript">
                    
                    /*
                     * Init variable
                     */
                    var _xnumber_of_slide=$(".slide_top_item").length;
                    var _count=0;
                    var _flag=0;
                    
                    if (_xnumber_of_slide>0) {
                        var _xwidth_slide_move_top=_xnumber_of_slide*650;
                        $(".slide_move_top").css('width',_xwidth_slide_move_top+'px');
                    }
                
                    /*
                     * MOi lan sang trai 1 buoc _count+=1
                     */
                    function auto_slide(){

                        if (_flag==0) { //sang trai _flag = 0 thi sang trai

                            if(_count==_xnumber_of_slide-1) _flag=1;

                            if(_count< _xnumber_of_slide-1) //moi lan sang trai dich 1 buoc
                            {
                                _count+=1;
                                var _marginleft=_count*650;
                                $(".slide_move_top").animate(
                                {
                                    'margin-left':-_marginleft+'px'
                                },5000);
                            }
                        }
                        else{ //sang phai
                            if (_count>0) { 
                                _count -=1;
                                var _marginleft=_count*650;
                                $(".slide_move_top").animate(
                                {
                                    'margin-left':-_marginleft+'px'
                                },5000);
                            }
                            if(_count==0) _flag=0;
                        }
                        setTimeout(function(){auto_slide();},7000);
                    }
                    setTimeout(function(){auto_slide();},7000);
                </script>

                <!--                </div>-->
                <!--                <div class="grid_3 push_1"> -->
                <div class="left_banner_slide">
                    <img src="<?php echo bloginfo('template_url'); ?>/img/slide_right.png" />
                </div>
                <!--                </div>    -->

            </div>
        </div>
        <!-- End Div slide -->